{
	padding: 0;
	margin: 0;
	box-sizzing: border-box;
}	

body{
	background-color:#ffd6ea;
	background-size: cover;
	background-position:center
}


ul{
	list-style: none;
	float:right;
	display:flex;
	margin-top:20px;
}
ul li a {
	text-decoration:none;
	color:rgb(0,0,0);
	padding:10px 20px;
	text-transform:uppercase;
	border: 2px solid;
	margin:10px;
	font-weight:500;
	transition:0.6s ease;
}

ul li a:hover{
	background:#feb7d7;
	color:rgb(0,0,0);
}

ul li.active a{
	background:#feb7d7;
	color:rgb(0,0,0);
}

.principale{
	max-width:114rem;
	margin:0 auto;
}

.titre h1{
	color:rgb(0,0,0);
	font-size:40px;
	text-align:center;
}

.titre h3{
	color:rgb(0,0,0);
	font-size:25px;
	position:relative;
}
img {
	width:250px;
	height:350px;
	object-fit:cover;
	color:#feb7d7;
	padding:10px 20px;
	text-transform:uppercase;
	border: 12px solid;
	font-weight:500;
	transition:0.6s ease;
}
 .rounded-image {
      border-radius: 50px; 
    }

 .circular-image {
      border-radius: 50%; 
      width: 150px; 
      height: 150px;
    }

img:hover{
	transform:scale(1.15);
}